import React from "react"
import { startSubWindow } from "../../../service"
import { Card, Space } from "antd"
import configs from "./configs"

function App(): JSX.Element {

  return (
    <div className='project-container p-10'>
      <header className="flex justify-center flex-col  pb-20">
        <h1 className="text-3xl text-center">1000个小项目</h1>
        <h3 className="text-l text-center pl-[300px] pt-4 text-gray-400">作者：蓝色番茄酱(Rasir)</h3>
      </header>
      <Space>
        {
          configs.map(({label,value}) => {
            return <Card className="w-[200px]" key={value} onClick={() => startSubWindow(value)}>
              <div>{label}</div>
            </Card>
          })
        }
      </Space>
    </div>
  )
}

export default App
